.container {
    margin-top: 60px;
    padding: 10px;
    // border: 4px solid indianred;
    // border-radius: 6px;
  }
  
  .list-grid {
    display: grid;
    grid-template-columns: minmax(300px, 1fr) minmax(300px, 1fr) minmax(
        300px,
        1fr
      );
    grid-gap: 8px;
    /* grid-auto-columns: minmax(200px, 1fr) minmax(200px, 1fr) minmax(200px, 1fr); */
  }
  
  .droppable {
    padding: 10px;
    border-radius: 6px;
    background: #d4d4d4;
    h5 {
      text-align: center;
      font-size: 18px;
    }
  }
  
  .drag-item {
    padding: 10px;
    border-radius: 6px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    background: white;
    margin: 0 0 8px 0;
    display: grid;
    grid-gap: 20px;
    flex-direction: column;
  }
  